import React,{useState} from 'react'
// import '../components/Marketing/Marketing.css'

interface SectionListProps {
    sections: string[]; 
    activeSection: string; 
    onSectionMouseEnter: (section: string) => void; 
}

const Marketingmin:  React.FC<SectionListProps> = ({sections, activeSection, onSectionMouseEnter}) => (
     <ul>
        {sections.map((section) => (
  
            <li
                key={section}
                className={`section ${activeSection === section ? 'active' : ''}`} 
                onMouseEnter={() => onSectionMouseEnter(section)} 
            >
                {section}
            </li>
        ))}
    </ul>
)
  

export default Marketingmin
